@import "./variable";
.testclass{
    color:@color-danger;
  }
  .rich-p{
    word-break: break-all;
  }
  .rich-a{
    color:@color-primary;
  }  
  .xkd-inline-block{
    display: inline-block;
  }
  .xkd-color-fff{
    color: #fff;
  }
  .xkd-color-999 {
    color: #999;
  }
  .containers{
    //height: calc(100% - 300rpx);
    //margin-bottom: 180rpx;
    & .img-nav{
     & > view{       
        & .linkTitle{
           position: relative;
          & .line{
            position: absolute;
            top:50%;
            right: 0;
            transform: translate(0,-50%);
            height: 33rpx;
            width: 1rpx;
            border-right:1rpx solid #eee;
          }
        }
     }
    }
  }

  // 店招
  .cap-shop-banner__cover-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
  }
  .cap-shop-banner__content {
    position: relative;
    padding-left: 30rpx;
    overflow: hidden;
  }
  .cap-shop-banner {
    position: relative;
    background-color: #fff;
    font-size: 24rpx;
  }
  .cap-shop-banner__logo {
    float: left;
    width: 116rpx;
    height: 116rpx;
    border: 2px solid #fff;
    background-color: #fff;
    vertical-align: bottom;
    overflow: hidden;
    border-radius: 50%;
    & image {
        position: relative;
        // max-width: 100%;
        // height: auto;
        border: none;
        vertical-align: middle;
    }
  }
  .cap-shop-banner__right-content {
    margin-left: 140rpx;
    margin-top: -16rpx;
  }
  .cap-shop-banner__inner {
    position: absolute;
    top: 230rpx;
    width: 100%;
  }
  .cap-shop-banner__right-content .title {
    margin-top: 10px;
    max-width: 220px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 15px rgba(0,0,0,.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    font-size: 36rpx;
  }
  .cap-shop-banner__sum-content {
    font-size: 28rpx;
    margin-top: 30rpx;
    line-height: 24rpx;
  }
  .cap-shop-banner__sum-content-total {
    position: relative;
    display: inline-block;
    padding: 0 20rpx;
    vertical-align: middle;
  }
  .cap-shop-banner__sum-content>view:first-child>view {
    padding-left: 0;
  }
  .cap-shop-banner__sum-content>view:first-child>view:after {
    content: "|";
    position: absolute;
    top: 0;
    right: 0;
    width: 4rpx;
    height: 24rpx;
    font-size: 20rpx;
    color: #e5e5e5;
  }
  // 样式二
  .cap-shop-banner--type-2 {
    height: 476rpx;
  }  
  .cap-shop-banner__cover {
    position: relative;
    height: 370rpx;
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: cover;
  }
  .cap-shop-banner--type-2 .cap-shop-banner__inner {
    position: absolute;
    top: 300rpx;
    width: 100%;
  }
  //样式三
  .cap-shop-banner--type-3 {
    height: 516rpx;
  }
  .cap-shop-banner--type-3 .cap-shop-banner__cover {
    height: 300rpx;
  }
  .cap-shop-banner--type-3 .cap-shop-banner__content {
    padding-left: 0;
    text-align: center;
  }
  .cap-shop-banner--type-3 .cap-shop-banner__logo {
    float: none;
    display: inline-block;
    width: 140rpx;
    height: 140rpx;
    border-radius: 50%;
  }
  .cap-shop-banner--type-3 .cap-shop-banner__right-content {
    margin-left: 0;
  }
  .cap-shop-banner--type-3 .cap-shop-banner__right-content>.title {
    display: inline-block;
    margin-top: 40rpx;
    max-width: 100%;
    color: #333;
    text-shadow: none;
  }
  .cap-shop-banner--type-3 .cap-shop-banner__sum-content {
    margin-top: 20rpx;
  }
  //样式四
  .cap-shop-banner--type-4 {
    height: 500rpx;
  }
  .cap-shop-banner--type-4 .cap-shop-banner__cover {
    height: 100%;
  }
  .cap-shop-banner--type-4 .cap-shop-banner__inner {
    top: 100rpx;
  }
  .cap-shop-banner--type-4 .cap-shop-banner__content {
    padding-left: 0;
    text-align: center;
  }
  .cap-shop-banner--type-4 .cap-shop-banner__logo {
    float: none;
    display: inline-block;
    width: 140rpx;
    height: 140rpx;
    border-radius: 50%;
  }
  .cap-shop-banner--type-4 .cap-shop-banner__right-content {
    margin-left: 0;
  }
  .cap-shop-banner--type-4 .cap-shop-banner__right-content>.title {
    display: inline-block;
    margin-top: 40rpx;
    max-width: 100%;
    padding-bottom: 20rpx;
    border-bottom: 1px solid #ffffff80;
    color: #fff;
    text-shadow: none;
  }
  .cap-shop-banner--type-4 .cap-shop-banner__sum-content {
    margin-top: 10rpx;
  }